// 假设的学生名字列表
let studentNames = [];
function dataInit(data) {
  studentNames = data;
}

document.addEventListener('DOMContentLoaded', function () {
  // 生成泡泡并添加到页面中
  function generateBubbles() {
    const bubbles = document.getElementById('bubbles');
    studentNames.forEach((name, index) => {
      const bubble = document.createElement('span');
      bubble.className = 'u-circle';
      bubble.textContent = name;
      bubble.style.top = '200px'; // 随机位置，可以根据需要调整
      bubble.style.left = '200px'; // 同上
      bubble.addEventListener('click', () => {
        var innerSpanElements = bubble.getElementsByTagName('span');
        if (innerSpanElements.length > 0) {
          alert(name + '已经通过了！');
        } else {
          const ci = document.createElement('span');
          ci.textContent = name;
          ci.className = 'circle';
          bubble.appendChild(ci);
        }
        // bubble.remove(); // 当点击泡泡时，删除该泡泡元素
        // studentNames.splice(index, 1); // 从学生名字列表中删除该名字（注意：这里假设泡泡的顺序和名字列表的顺序是一致的）
        // if(studentNames.length === 0){
        //     alert("恭喜你，全员通过！");
        // }
      });
      bubbles.appendChild(bubble);
    });
  }

  generateBubbles();

  $('.u-circle').flotage({
    min_x: -10,
    min_y: -10,
    max_x: 10,
    max_y: 10,
  });
});
